$(function () {
    //第一次点击下拉
    $(".leftNav>li").mouseover(function () {
        $(this).find(".showList").stop().slideDown()
    });
    //第二次点击收起
    $(".leftNav>li").mouseout(function () {
        $(this).find(".showList").stop().slideUp()
    });

    //微博
    $(".scarchBox .searchTxt").click(function () {
        if ($(".scarchBox .list").css("display") == "none") {
            $(".scarchBox .list").show()
            $(".scarchBox .list").css("background", "yellow")
        } else {
            $(".scarchBox .list").hide()
        }
    })

    towns($(".tab_4 .tab_title li"),$(".tab_4 .smList .item"),"click");

    function towns(tab,toggle,event){
        tab.bind(event,function () {
            tab.children().removeClass("active");
            toggle.hide();
            var index = $(this).index();
            $(this).children().addClass("active");
            toggle.eq(index).show();
        });
    };
    
    function playsa(Element,toggleE,event){
        Element.bind(event,function () {
            Element.removeClass("active");
            toggleE.hide();
            var index = $(this).index();
            $(this).addClass("active");
            toggleE.eq(index).show();
        });
    };
    playsa($("#videozongyi li"),$(".videoTabLeft"),"click");
    playsa($("#comTitle_tabsTab li"),$("#tabsTab>div"),"click");
    playsa($("#dayTab a"),$("#tabsToggle>div"),"click");
    playsa($("#comTitle_tabsTabNba li"),$("#comTitle_tabsToggleTab>.tabs"),"click");
    playsa($("#comTitle_tabs_car_tab li"),$("#comTitle_tabs_car_toggle>.tabs_item"),"click");
    playsa($("#taobao_nbTab a"),$("#taobaoImgToggle>li"),"mouseenter");
    playsa($("#comTitle_tabs_yele_tab li"),$("#comTitle_tabs_yele_toggle>.tabs_item"),"click");
    playsa($("#comTitle_tabs_caijing_tab li"),$("#comTitle_tabs_caijing_toggle>.tabs_item"),"click");
    playsa($("#comTitle_tabs_kantu_tab li"),$("#comTitle_tabs_kantu_toggle>.tabs_item"),"click");
    playsa($("#dushu_tab li"),$("#dushu_toggle>.tabs_item"),"click");
    playsa($("#keji_tab li"),$("#keji_toggle>.tabs_item"),"click");
    playsa($("#game_tab span"),$("#game_toggle>.tabs_item"),"click");
    playsa($("#shouji_tab li"),$("#shouji_toggle>.tabs_item"),"click");
    playsa($("#yingyong_tab span"),$("#yingyong_toggle>.tabs_item"),"click");

    //轮播图
    //思路： 首先我们要有一个值来控制我们图片的切换
    //2，我们要有一个定时器来控制轮播图的切换
    //3，我们要有一个小圆点的切换样式 然后用eq进行下标循环
    //同样是使用eq进行图片的显示隐藏  show  hidden
    //可能自己所说出来的有些笼统！超哥多多包涵！
    //mouseleave 是当鼠标指针离开元素的事件
    //mouseenter 是鼠标指针进入或者穿过元素的是件
    var count = 0;
    var timer;
    timer = setInterval(timer, 1000);
    $("#taobao_nbTab a").mouseenter(function () {clearInterval(timer);});
    $("#taobao_nbTab a").mouseleave(function () {clearInterval(timer);timer = setInterval(timer, 1000);});
    function timer() {count++;if (count >= 10) {count = 0;}
        $("#taobao_nbTab a").eq(count - 1).removeClass("active");
        $("#taobao_nbTab a").eq(count).addClass("active");
        $("#taobaoImgToggle>li").eq(count - 1).hide();
        $("#taobaoImgToggle>li").eq(count).show();
    }
  
});
